@charset "UTF-8";
.web{
    width: 1366px;
    .content{
        width: 992px;
        height: 995px;
        padding-top: 44px;
        padding-left: 33px;
        box-sizing: border-box;
        .content_top{
            .title{
                p{
                   font-size: 18px;
                   margin-bottom: 20px;
                }
            }
            .top_left{
                width: 546px;
                img{
    
                    margin-right: 20px;
                }
                .commodity{
                    width: 393px;
                    >p{
                        width: 393px;
                        height: 26px;
                    }
                    >span{
                        height: 37px;
                        font-size: 12px;
                        color: #999;
                    }
                    .smallbox{
                        width: 392px;
                        font-size: 12px;
                        text-align: center;
                        overflow: hidden;
                        div{
                            width: 52px;
                            height: 34px;
                            border-right: 1px solid #e1e1e1;
                        }
                        div+div{
                            width: 77px;
                            height: 34px;
                            border-right: 1px solid #e1e1e1;
                        }
                       div+div+div{
                           border: none;
                       }
                       a:hover{
                           color: red;
                       }
                       p{
                           margin-bottom: 5px;
                       }
                    }
                }
            }
            .top_right{
                width: 300px;
                ul{
                    li:first-of-type{
                         margin-top: 4px;
                    }
                    li:nth-of-type(2){
                        font-size: 12px;
                        color: #999;
                        margin: 4px 6px 12px 6px;
                    }
                    li:nth-of-type(4){
                        margin-left: 10px;
                        input{
                            width: 44px;
                            height: 23px;
                            border: 1px solid #e7e7e7;
                            background: white;
                            color: #999;                        
                        }
                    }
                    li:last-of-type{
    //                  margin-top: 11px;
                        input{
                            width: 232px;
                            height: 44px;
                            border: 1px solid #e7e7e7;
                            border-radius: 4px;
                            padding-left: 4px;
                        }
                        input+input{
                            width: 82px;
                            height: 34px;
                            background: #ea413c;
                            font-size: 12px;
                            color: #fff;
                            border-radius: 4px;
                            margin-left: -92px;
                        }
                    }
                }
            }
        }
        .content_bottom{
            .title{
                height: 59px;
                line-height: 59px;
                border-top: 1px solid #dfdfdf;
                margin-top: 27px;
            }
            table{
                width: 768px;
                border: 1px solid #e7e7e7;
                tr{
                    td{
                       ul{
                            li{
                                float: left;
                                font-size: 12px;
                                color: #a7a7a8;
                                a{
                                    display: inline-block;
                                    width: 219px;
                                    margin-top: 21px;
                                    margin-bottom: 44px;
                                    color: black;
                                    &:hover{
                                        color: red;
                                    }
                                }
                                span{
                                    display: block;
                                }
                            }
                            li:last-of-type{
                                font-weight: bold;
                                color: #47b700;
                            }
                            li:nth-last-of-type(2){
                                font-weight: bold;
                                color: #444f58;
    //                          margin-left: 243px;
                            }
                        }
                    }
                    .td1.td2{
                        height: 46px;
                        border-bottom: 1px solid #e7e7e7;
                        li{
                            width: 127px;
                            text-align: center;
                        }
                    }
                    .td1{
                        background: #f8f8f8;
                        ul{
                            li:last-of-type{
                                color: #a7a7a8;
                                font-weight: 400;
                            }
                            li:nth-last-of-type(2){
                                color: #a7a7a8;
                                font-weight: 400;
                            }
                        }                   
                    }
                    .td3,.td4{
                        border-bottom: 1px solid #e7e7e7;
                        ul{
                            li:last-of-type{
                                margin-left: 71px;
                                margin-top: 24px;
                            }
                            li:nth-last-of-type(2){
                                margin-left: 197px;
                                margin-top: 24px;
                            }
                            
                        }
                    }
                }
            }
        }
    }
}    